<template>
    <aside class="mysidebar" style="position: fixed; left: 0; max-width: 400px">
        <div class="container-fluid" style="padding: 0; max-width: 400px">
            <div
                ref="sidebar"
                :class="[
                    'el-container',
                    'mysidebarone',
                    'cebianlan-720feeaf8ee88a6b9b9399876713ed78af4',
                ]"
                :style="{
                    'max-width': `400px`,
                    'max-height': maxheight,
                    top: top + 'px',
                    left: '0',
                }"
            >
                <div
                    :class="[
                        'sidebar',
                        'el-aside',
                        ' mynewsidelan-c887e2d697f11af869981691c9830ebd892',
                    ]"
                    style="
                        margin-bottom: 5px;
                        background-color: white;
                        max-width: 400px;
                    "
                >
                    <SideBarLinks />
                </div>
            </div>
        </div>
    </aside>
</template>

<script src="./Sidebarleft.ts"></script>

<style scoped>
.mysidebarone {
    max-width: 400px;
    padding-bottom: 5px;
    border: 1px solid white;
    position: fixed;
}
@media (max-width: 550px) {
    .mysidebarone {
        max-width: 100%;
    }
}
@media (min-width: 550px) {
    .mysidebarone {
        max-width: 400px;
    }
}
</style>
